<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">myblob</h4>
            </div>
            <div class="modal-body">
                <p>
                <ul class="list-unstyled">
                    <li>URL: <a href="#">http://google.com</a> </li>
                    <li>File size: <a href="#">100 MB</a> </li>
                    <li>Last modified: <a href="#">10 March,2015</a> </li>
                    <li>Content type: <a href="#">10 March,2015</a> </li>
                    <li>Content Encoding: <a href="#">10 March,2015</a> </li>
                    <li>Blob type: <a href="#">10 March,2015</a> </li>
                </ul>
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>